import { changeColor } from 'seemly';
import commonVars from './_common';
import { commonLight } from '../../_styles/common';
const self = (vars) => {
    const { primaryColor, opacityDisabled, borderRadius } = vars;
    const railOverlayColor = 'rgba(0, 0, 0, .14)';
    return Object.assign(Object.assign({}, commonVars), { textColor: 'white', loadingColor: primaryColor, opacityDisabled, railColor: railOverlayColor, railColorActive: primaryColor, buttonBoxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)', buttonColor: '#FFF', railBorderRadiusSmall: borderRadius, railBorderRadiusMedium: borderRadius, railBorderRadiusLarge: borderRadius, buttonBorderRadiusSmall: borderRadius, buttonBorderRadiusMedium: borderRadius, buttonBorderRadiusLarge: borderRadius, boxShadowFocus: `0 0 0 2px ${changeColor(primaryColor, { alpha: 0.2 })}` });
};
const switchLight = {
    name: 'Switch',
    common: commonLight,
    self
};
export default switchLight;
